<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>JS定时函数</title>
</head>
<body>
    <h1>JS定时函数</h1>
    <hr>
    <button onclick="stop1()">停止多次定时</button>
    <button onclick="stop2()">停止单词定时</button>

    <script>
        // 单次定时
        var t2 = setTimeout('console.log("单次定时");',2000)
        function stop2(){
            clearInterval(t2);
        }

        // 多次定时
        var i = 0;
        var t1 = setInterval('console.log("多次定时");',10)
        function stop1(){
            clearInterval(t1);
        }
        // 直接写匿名函数
        setInterval(function(){
            console.log('how');
        },100);

        // 写函数引用
        function demo(){
            console.log('函数引用');
        }
        setInterval(demo,500);

    </script>

    

</body>
</html>